import React, { PureComponent } from "react";

import { View, Alert, TouchableOpacity, Image, Text, FlatList } from "react-native";

import TopBar from "../../../../../../components/topbar";

import styles from "./style"

export default class ShareListScreen extends PureComponent {
    constructor() {
        super();
    }
    componentDidMount() {

    }
    render() {
        return (
            <View style={{ flex: 1, backgroundColor: "white" }}>
                <TopBar navigation={this.props.navigation} title="收徒记录"
                    leftIsVisible={true} ></TopBar>

                <FlatList scrollEnabled={false} data={[

                    { key: '微信好友', details: "分享给微信好友" },
                    { key: '朋友圈', details: "分享到朋友圈" },
                    { key: 'QQ好友', details: "分享给QQ好友" },
                    { key: 'QQ空间', details: "分享到QQ空间" },
                    { key: '微博', details: "分享到微博" },
                    { key: '收徒二维码', details: "扫描二维码收徒" },
                ]}
                    renderItem={({ item }) => <TouchableOpacity style={[styles.rules, { flexDirection: "row" }]} >
                        <View>
                            <Image
                                source={{ uri: 'https://facebook.github.io/react/logo-og.png' }}
                                style={styles.imageStyle} />
                        </View>
                        <View style={{ flex: 1 }}>
                            <Text style={styles.title}>{item.key}</Text>
                            <Text style={styles.title}>{item.details}</Text>
                        </View>
                    </TouchableOpacity>} />
            </View>
        )
    }

    shareRules() {

    }
}